<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>中国徒步网</title>
    <link rel="stylesheet" href="css/common.css"/>
    <link rel="stylesheet" href="css/sq.css"/>
    <link href="themes/default/css/umeditor.css" type="text/css" rel="stylesheet">
    <script type="text/javascript" src="js/laydate/laydate.js"></script>
</head>
<body>
<!--top-bar begin-->
<div class="top-bar">
    <div class="content">
        <div class="bar-l">
            <span>您好，欢迎访问中华户外网</span>&nbsp;&nbsp;&nbsp;&nbsp;
            <a href="http://www.chinawalking.net.cn" target="_blank">
                旧网站入口
            </a>
        </div>
        <div class="bar-r">
            <div class="bar-r-con">
                <ul class="bar-r-con-list">
                    <li class="li-sanjiao down-menu">
                        <a href="" class="left-ico-a">
                            <span>个人中心</span>
                            <span class="rect ico"></span>
                        </a>
                        <ul class="sencond-menu">
                            <li><a href="#">我报名的活动</a></li>
                        </ul>
                    </li>
                    <li>
                        <a href="#">
                            <span>设为首页</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <span>收藏本站</span>
                        </a>
                    </li>
                    <li class="sina">
                        <a href="#">
                            <span class="ico-link ico-xl"></span>
                        </a>
                    </li>
                    <li class="qq">
                        <a href="#">
                            <span class="ico-link ico-qq"></span>
                        </a>
                    </li>
                    <li class="login-bar">
                        <a href="register.html">注册</a> | <a href="login.html">登陆</a>
                    </li>
                    <li class="tel">
                        <a href="javascript:;" class="f-ico-a">
                            <span class="ico-tel ico"></span>
                            <span>400-558-447</span>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
<!--top-bar end-->
<!--header begin-->
<div class="header-wrap">
    <div class="header">
        <div class="content">
            <h1 class="logo"><a href="#"><img src="images/logo.png" width="236" height="60" alt=""/></a></h1>
            <div class="top_ads">
                <span class="ivv"><img src="images/top_pic1.png" width="39" height="37" alt=""/></span>
                <span class="cva"><img src="images/top_pic2.png" width="37" height="37" alt=""/></span>
                <span class="ads"><img src="images/top_pic3.png" width="233" height="57" alt=""/></span>
            </div>
            <div class="nav">
                <ul class="nav-list">
                    <li><a href="index.html"><span>首页</span></a></li>
                    <li>
                        <a href="#"><span>活动</span><i></i></a>
                        <div class="er_nav_wrap">
                            <div class="er_nav">
                                <a href="hd_gfhd.html">官方活动</a>
                                <a href="hd_gfhd.html">大型活动</a>
                                <a href="hd_gfhd.html">分部活动</a>
                                <a href="hd_dz.html">企业定制</a>
                                <a href="hd_ldfc.html" class="last">领队风采</a>
                                <em><img src="images/rect1.png" width="21" height="10" alt=""></em>
                            </div>
                        </div>
                    </li>
                    <li>
                        <a href="#"><span>资讯</span><i></i></a>
                        <div class="er_nav_wrap">
                            <div class="er_nav">
                                <a href="zixun_news.html">热门新闻</a>
                                <a href="zixun_outdoor.html">户外知识</a>
                                <a href="zixun_news.html">CVA新闻</a>
                                <a href="zixun_zhuanti.html" class="last">重要专题</a>
                                <em><img src="images/rect1.png" width="21" height="10" alt=""></em>
                            </div>
                        </div>
                    </li>
                    <li class="current">
                        <a href="#"><span>社区</span><i></i></a>
                        <div class="er_nav_wrap">
                            <div class="er_nav">
                                <a href="sq_new_dt.html">我的社区</a>
                                <a href="sq_lt.html" class="last">社区论坛</a>
                                <em><img src="images/rect1.png" width="21" height="10" alt=""></em>
                            </div>
                        </div>
                    </li>
                    <li>
                        <a href="#"><span>步道/足迹</span><i></i></a>
                        <div class="er_nav_wrap">
                            <div class="er_nav">
                                <a href="trails_detail.html">IVV步道</a>
                                <a href="trails.html">步道标准</a>
                                <a href="trails.html">项目案例</a>
                                <a href="trails.html">专家团队</a>
                                <a href="trails_mdd.html" class="last">目的地足迹</a>
                                <em><img src="images/rect1.png" width="21" height="10" alt=""></em>
                            </div>
                        </div>
                    </li>
                    <li>
                        <a href="#"><span>IVV/CVA</span><i></i></a>
                        <div class="er_nav_wrap">
                            <div class="er_nav">
                                <a href="ic_ivv_intro.html">IVV介绍</a>
                                <a href="ic_cva_intro.html">CVA介绍</a>
                                <a href="ic_cva_intro.html">CVA分部</a>
                                <a href="ic_cva_zyz.html">志愿者联盟</a>
                                <a href="ic_cva_ayh.html">IVV奥运会</a>
                                <a href="#" class="last">重要专题</a>
                                <em><img src="images/rect1.png" width="21" height="10" alt=""></em>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
<!--header end-->
<!--banner begin-->
<div class="sq-banner1">
    <div class="inner-pic"><img src="images/s_ban.jpg" alt=""/></div>
</div>
<!--banner end-->
<!--活动 begin-->
<div class="sq-wrap">
    <div class="sq-top-title"><h3>浣熊嘉嘉个人主页</h3><span>用脚去行走，用心去体会每一处风景</span></div>
    <div class="sq-bd">
        <div class="sq-tab">
            <ul>
                <li><a href="sq_new_dt1.html">最新动态</a></li>
                <li class="on"><a href="sq_yj.html">我的游记</a></li>
                <li><a href="sq_photo.html">我的相册</a></li>
                <li><a href="sq_hd.html">我的活动</a></li>
                <li><a href="#">我的收藏</a></li>
                <li><a href="sq_map.html">我的足迹</a></li>
                <li><a href="sq_ly.html">互动留言</a></li>
                <li><a href="sq_friend.html">我的好友</a></li>
            </ul>
        </div>
        <div class="sq-bd-con">
            <div class="editor_box">
                <div class="editor_hd">
                    <div class="sign">发布活动</div>
                    <div class="e-option"><a href="#">模板（0）<i class="icon-more"></i></a><a href="#">草稿（0）<i class="icon-more"></i></a></div>
                </div>
                <div class="editor-wrap">
                    <div class="editor-table">
                        <ul class="editor_in">
                            <li>
                                <dd class="w500">
                                    <span class="e-l">活动性质：</span>
                                    <select class="basic-select">
                                        <option value="1">官方活动</option>
                                    </select>
                                </dd>
                                <dd>
                                    <span class="e-l">发起名义：</span>
                                    <select class="basic-select">
                                        <option value="1">个人</option>
                                    </select>
                                </dd>
                            </li>
                            <li>
                                <dd class="w500">
                                    <span class="e-l">报名范围：</span>
                                    <select class="basic-select">
                                        <option value="1">所有用户</option>
                                    </select>
                                </dd>
                                <dd>
                                    <span class="e-l">报名限制：</span>
                                    <select class="basic-select">
                                        <option value="1">每个ID可报名多人</option>
                                    </select>
                                </dd>
                            </li>
                            <li>
                                <dd class="w500">
                                    <span class="e-l"><em>*</em>领队：</span>
                                    <input type="text" class="editor-input w100">
                                </dd>
                                <dd>
                                    <span class="e-l"><em>*</em>收队：</span>
                                    <input type="text" class="editor-input w100">
                                </dd>
                            </li>
                            <li>
                                <dd>
                                    <span class="e-l"><em>*</em>活动标题：</span>
                                    <input type="text" class="editor-input w790">
                                </dd>
                            </li>
                            <li>
                                <dd>
                                    <span class="e-l">活动特色：</span>
                                    <textarea class="basic-area"></textarea>
                                </dd>
                            </li>
                            <li>
                                <dd>
                                    <span class="e-l"><em>*</em>活动图片：</span>
                                    <div class="photo-upload-yj">
                                        <div class="new-yj-hd">
                                            <div class="new-contentarea tc">
                                                <a href="javascript:void(0)" class="upload-img">
                                                    <label for="upload-file">选择图片</label>
                                                </a>
                                                <input type="file" class="" name="upload-file" id="upload-file">
                                            </div>
                                            <p class="tips">添加一张美图作为活动展示封面，让活动更具吸引力（建议图片尺寸：310PX * 325PX）</p>
                                        </div>
                                        <div class="new-yj-bd">
                                            <div class="new-pic-l">
                                                <div class="title">图片裁剪</div>
                                                <div class="imageBox">
                                                    <div class="thumbBox"></div>
                                                    <div class="spinner" style="display: none">Loading...</div>
                                                </div>
                                            </div>
                                            <div class="new-pic-c">
                                                <a href="javascript:;" id="btnCrop" class="Btnsty_peyton">上传并预览</a>
                                            </div>
                                            <div class="new-pic--r-wrap">
                                                <div class="title">图片预览</div>
                                                <div class="new-pic-r">
                                                    <div class="cropped"></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </dd>
                            </li>
                            <li class="set-line">
                                <dd>
                                    <span class="e-l"><em>*</em>活动内容：</span>
                                    <div class="basic-hide">
                                        <input type="text"/>
                                        <input type="hidden" name="" value="" />
                                    </div>
                                    <div class="hd-mark">
                                        <ul>
                                            <li><a href="javascript:;">休闲</a></li>
                                            <li><a href="javascript:;">登山</a></li>
                                            <li><a href="javascript:;">徒步</a></li>
                                            <li><a href="javascript:;">露营</a></li>
                                            <li><a href="javascript:;">骑行</a></li>
                                            <li><a href="javascript:;">自驾</a></li>
                                            <li><a href="javascript:;">骑马</a></li>
                                            <li><a href="javascript:;">摄影</a></li>
                                            <li><a href="javascript:;">滑雪</a></li>
                                            <li><a href="javascript:;">背包旅行</a></li>
                                            <li><a href="javascript:;">夜爬</a></li>
                                            <li><a href="javascript:;">跑步</a></li>
                                            <li><a href="javascript:;">越野跑</a></li>
                                            <li><a href="javascript:;">观鸟</a></li>
                                            <li><a href="javascript:;">观星</a></li>
                                            <li><a href="javascript:;">体育健身</a></li>
                                            <li><a href="javascript:;">聚会</a></li>
                                            <li><a href="javascript:;">环保公益</a></li>
                                            <li><a href="javascript:;">攀岩</a></li>
                                            <li><a href="javascript:;">垂钓</a></li>
                                            <li><a href="javascript:;">漂流</a></li>
                                            <li><a href="javascript:;">划船</a></li>
                                            <li><a href="javascript:;">冲浪</a></li>
                                            <li><a href="javascript:;">潜水</a></li>
                                            <li><a href="javascript:;">滑翔</a></li>
                                            <li><a href="javascript:;">探险</a></li>
                                            <li><a href="javascript:;">轮滑</a></li>
                                            <li><a href="javascript:;">滑板</a></li>
                                            <li><a href="javascript:;">踏雪</a></li>
                                            <li><a href="javascript:;">航海</a></li>
                                            <li><a href="javascript:;">野生动植物观测</a></li>
                                            <li><a href="javascript:;">铁人三项</a></li>
                                            <li><a href="javascript:;">其他</a></li>
                                        </ul>
                                    </div>
                                </dd>
                            </li>
                            <li>
                                <dd class="w500">
                                    <span class="e-l"><em>*</em>活动强度级别：</span>
                                    <select class="basic-select">
                                        <option value="1">1.5</option>
                                    </select>
                                </dd>
                                <dd>
                                    <span class="e-l"><em>*</em>活动全程：</span>
                                    <input type="text" class="editor-input w170"><span>公里</span>
                                </dd>
                            </li>
                            <li>
                                <dd class="w500">
                                    <span class="e-l"><em>*</em>出发地：</span>
                                    <div class="departure_select">
                                        <select class="basic-select prov"></select>
                                        <select class="basic-select city" disabled="disabled"></select>
                                    </div>
                                </dd>
                                <dd>
                                    <span class="e-l"><em>*</em>活动开始时间：</span>
                                    <div class="layinput">
                                        <input type="text" class="editor-input w170" onclick="laydate({istime: true, format: 'YYYY-MM-DD hh:mm'})">
                                        <label class="laydate-icon"></label>
                                    </div>
                                </dd>
                            </li>
                            <li>
                                <dd class="w500">
                                    <span class="e-l"><em>*</em>目的地：</span>
                                    <div class="destination_select">
                                        <select class="basic-select prov"></select>
                                        <select class="basic-select city" disabled="disabled"></select>
                                    </div>
                                </dd>
                                <dd>
                                    <span class="e-l"><em>*</em>活动结束时间：</span>
                                    <div class="layinput">
                                        <input type="text" class="editor-input w170" onclick="laydate({istime: true, format: 'YYYY-MM-DD hh:mm'})">
                                        <label class="laydate-icon"></label>
                                    </div>
                                </dd>
                            </li>
                            <li>
                                <dd class="w500">
                                    <span class="e-l"><em>*</em>集合地点：</span>
                                    <input type="text" class="editor-input w170">
                                </dd>
                                <dd>
                                    <span class="e-l"><em>*</em>报名截止时间：</span>
                                    <div class="layinput">
                                        <input type="text" class="editor-input w170" onclick="laydate({istime: true, format: 'YYYY-MM-DD hh:mm'})">
                                        <label class="laydate-icon"></label>
                                    </div>
                                </dd>
                            </li>
                            <li>
                                <dd class="w500">
                                    <span class="e-l"><em>*</em>集合时间：</span>
                                    <div class="layinput">
                                        <input type="text" class="editor-input w170" onclick="laydate({istime: true, format: 'YYYY-MM-DD hh:mm'})">
                                        <label class="laydate-icon"></label>
                                    </div>
                                </dd>
                            </li>
                            <li>
                                <dd class="w500">
                                    <span class="e-l"><em>*</em>活动景点：</span>
                                    <input type="text" class="editor-input w170">
                                </dd>
                            </li>
                            <li class="set-line">
                                <dd class="w500">
                                    <span class="e-l"><em>*</em>出行方式：</span>
                                    <div class="f-way">
                                        <label>
                                            <input type="radio" class="radio" name="sex">
                                            <i>包车</i>
                                        </label>
                                        <label>
                                            <input type="radio" class="radio" name="sex">
                                            <i>不包车</i>
                                        </label>
                                    </div>
                                </dd>
                                <dd class="w500">
                                    <span class="e-l">车辆信息：</span>
                                    <input type="text" class="editor-input w170">
                                </dd>
                            </li>
                            <li>
                                <dd class="w500">
                                    <span class="e-l"><em>*</em>联系电话：</span>
                                    <input type="text" class="editor-input w170">
                                </dd>
                                <dd>
                                    <span class="e-l"><em>*</em>应急联系电话：</span>
                                    <input type="text" class="editor-input w170">
                                </dd>
                            </li>
                            <li>
                                <dd class="w500">
                                    <span class="e-l"><em>*</em>所需人数：</span>
                                    <input type="text" class="editor-input w170">
                                </dd>
                            </li>
                            <li>
                                <dd class="w500">
                                    <span class="e-l"><em>*</em>总金额：</span>
                                    <input type="text" class="editor-input w170">
                                </dd>
                                <dd>
                                    <span class="e-l"><em>*</em>预付金额：</span>
                                    <input type="text" class="editor-input w170">
                                </dd>
                            </li>
                        </ul>
                        <!--编辑框-->
                        <div class="editor-textBox">
                            <div class="editor-tab">
                                <a href="javascript:;" class="on"><i>*</i>线路描述</a>
                                <a href="javascript:;"><i>*</i>行程安排</a>
                                <a href="javascript:;"><i>*</i>装备要求</a>
                                <a href="javascript:;"><i>*</i>报名须知</a>
                            </div>
                            <div class="editor-textBox-bd">
                                <div id="myEditor_line" style="width:775px;height:240px;"></div>
                                <div id="myEditor_trip" style="width:775px;height:240px;"></div>
                                <div id="myEditor_equip" style="width:775px;height:240px;"></div>
                                <div id="myEditor_sign" style="width:775px;height:240px;"></div>
                            </div>
                        </div>
                        <!--操作-->
                        <div class="editor-op-bd">
                            <a href="#" class="save-draft">保存草稿</a>
                            <a href="#" class="save-model">保存模板</a>
                            <a href="#" class="post-hd">发布活动</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--foot begin-->
<div class="foot_wrap">
    <div class="foot">
        <div class="foot-bg"></div>
        <div class="foot-top">
            <dl class="item1">
                <dt><a href="singlePage.html">关于我们</a></dt>
                <dd><a href="singlePage.html">徒步网简介</a></dd>
                <dd><a href="singlePage.html">企业文化</a></dd>
                <dd><a href="singlePage.html">联系我们</a></dd>
                <dd><a href="singlePage.html">加入我们</a></dd>
                <dd><a href="singlePage.html">广告与合作</a></dd>
            </dl>
            <dl class="item2">
                <dt><a href="singlePage.html">帮助中心</a></dt>
                <dd><a href="singlePage.html">新手入门</a></dd>
                <dd><a href="singlePage.html">账号问题</a></dd>
                <dd><a href="singlePage.html">问题投诉</a></dd>
                <dd><a href="singlePage.html">为什么参加徒步活动</a></dd>
            </dl>
            <dl class="item3">
                <dt><a href="singlePage.html">实用工具</a></dt>
                <dd><a href="singlePage.html">网址导航</a></dd>
                <dd><a href="singlePage.html">网站地图</a></dd>
                <dd><a href="singlePage.html">领队申请</a></dd>
            </dl>
            <dl class="item4">
                <dt>关注我们</dt>
                <dd>
                    <div class="focus-in">
                        <div class="focus-l">
                            <img src="images/wx.png" width="53" height="53" alt=""/>
                            <div class="logo_sys_code">
                                <div class="code_box">
                                    <img width="180" height="180" src="images/wx.png" alt="">
                                </div>
                            </div>
                        </div>
                        <div class="focus-r">
                            <p>点击放大<br/>关注徒步网微信</p>
                        </div>
                    </div>
                    <div class="focus-in">
                        <div class="focus-l">
                            <img src="images/sina1.png" width="53" height="53" alt=""/>
                            <div class="logo_sys_code">
                                <div class="code_box">
                                    <img width="180" height="180" src="images/wx.png" alt="">
                                </div>
                            </div>
                        </div>
                        <div class="focus-r">
                            <p>点击放大<br/>关注徒步网微信</p>
                        </div>
                    </div>
                </dd>
            </dl>
            <dl class="item5">
                <dt>友情链接</dt>
                <dd><a href="#">户外旅游</a><a href="#">户外线路</a><a href="#">艺龙旅游</a><a href="#">汽车问答</a><a href="#">汽车品牌</a><a href="#">爱卡汽车</a><a href="#">蚂蜂窝旅游攻略</a><a href="#">穷游网</a></dd>
            </dl>
            <dl class="item6">
                <dt>手机客户端</dt>
                <dd>
                    <div class="app-box">
                        <div class="app"><img src="images/app.png" width="82" height="82" alt=""/></div>
                        <div class="app-r">
                            <p><img src="images/apple.png" width="28" height="28" alt=""/><span>iPhone</span></p>
                            <p><img src="images/android.png" width="28" height="28" alt=""/><span>Android</span></p>
                        </div>
                    </div>
                </dd>
            </dl>
        </div>
        <p class="copyright">版权所有：国际市民体育联盟&nbsp;&nbsp; 北京每日徒步运动中心&nbsp;&nbsp; www.chinawalking.net.cn &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Tel：010-84896319/20/21 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 友情链接申请QQ号：2207500413 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; ICP备05067361</p>
    </div>
</div>
<!--foot begin-->
<!--左侧悬浮 begin-->
<div class="l-left-fixnav">
    <div class="l-fixnav">
        <img src="images/l-img15.jpg" alt="">
        <p><span class="l-left-close">x</span></p>
    </div>
</div>
<!--左侧悬浮 end-->
<!--右侧悬浮导航 begin-->
<div class="right-nav-box">
    <ul class="right_nav_list">
        <li class="on">
            <a href="index.html">
                <span class="all_btn btn1"></span>
                <span class="wz">首页</span>
            </a>
        </li>
        <li>
            <a href="zixun_news.html">
                <span class="all_btn btn2"></span>
                <span class="wz">资讯</span>
            </a>
        </li>
        <li>
            <a href="hd.html">
                <span class="all_btn btn3"></span>
                <span class="wz">活动</span>
            </a>
        </li>
        <li>
            <a href="sq_lt.html">
                <span class="all_btn btn4"></span>
                <span class="wz">社区</span>
            </a>
        </li>
        <li>
            <a href="ic_ivv_intro.html">
                <span class="all_btn btn5"></span>
                <span class="wz">CVA</span>
            </a>
        </li>
        <li>
            <a href="trails.html">
                <span class="all_btn btn6"></span>
                <span class="wz">步道</span>
            </a>
        </li>
        <li>
            <a href="javascript:;" class="goTop">
                <span class="wz">顶部</span>
                <span class="rect"></span>
            </a>
        </li>
    </ul>
</div>
<!--右侧悬浮导航 end-->
<script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="js/jquery.SuperSlide.2.1.1.js"></script>
<script type="text/javascript" src="js/main.js"></script>
<script type="text/javascript" src="js/sq.js"></script>
<script type="text/javascript" src="js/cropbox.js"></script>
<script>
    //初始化图片剪裁
    var options =
    {
        thumbBox: '.thumbBox',
        spinner: '.spinner',
        imgSrc: 'images/'
    }
    var cropper = $('.imageBox').cropbox(options);
    $('#upload-file').on('change', function(){
        var reader = new FileReader();
        reader.onload = function(e) {
            options.imgSrc = e.target.result;
            cropper = $('.imageBox').cropbox(options);
        }
        reader.readAsDataURL(this.files[0]);
        this.files = [];
    })
    $('#btnCrop').on('click', function(){
        var img = cropper.getDataURL();
        $('.cropped').html('');
        $('.cropped').append('<img src="'+img+'" align="absmiddle" style="">');
    })
    $('#btnZoomIn').on('click', function(){
        cropper.zoomIn();
    })
    $('#btnZoomOut').on('click', function(){
        cropper.zoomOut();
    })
</script>
<script type="text/javascript" charset="utf-8" src="umeditor.config.js"></script>
<script type="text/javascript" charset="utf-8" src="umeditor.min.js"></script>
<script type="text/javascript" src="lang/zh-cn/zh-cn.js"></script>
<script type="text/javascript">
    var um_line = UM.getEditor('myEditor_line');
    var um_trip = UM.getEditor('myEditor_trip');
    var um_equip = UM.getEditor('myEditor_equip');
    var um_sign = UM.getEditor('myEditor_sign');
</script>
<script type="text/javascript" src="js/jquery.cityselect.js"></script>
<script type="text/javascript">
    $(function(){
        $(".departure_select").citySelect({prov:"北京", city:"海淀区"});
        $(".destination_select").citySelect({prov:"北京", city:"海淀区"});
    });
</script>
</body>
</html>
